<template>
  <div>
    <h1>发现音乐组件</h1>
    <router-link to="/find/recommend?name=周杰伦&song=青花瓷"
      >推荐页面</router-link
    >
    <router-link to="/find/ranking">排行榜页面</router-link>
    <router-link to="/find/songlist">歌单页面</router-link>
    <keep-alive include="Day07Ranking">
      <router-view></router-view>
    </keep-alive>
  </div>
</template>

<script>
export default {
  name: 'Day07Find',

  data() {
    return {}
  },

  mounted() {},

  methods: {}
}
</script>

<style scoped>
a {
  margin-left: 10px;
  text-decoration: none;
}
</style>
